import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router);

export default new Router({
  // mode: "history",
  routes: [
    {
      path: '/',
      redirect: '/index'
    },
    {
      path: '/',
      component: () => import('../components/common/Base.vue'),
      meta: {
        title: '公共部分'
      },
      children: [
        {
          path: '/index',
          component: () => import('../components/page/Home.vue'),
          meta: {
            title: '系统首页'
          }
        },
        {
          path: '/tab',
          component: () => import('../components/page/Tab.vue'),
          meta: {
            title: 'tab选项卡'
          }
        },
        {
          path: '/baseTable/index',   //这里的路径就是你所建的页面在page下面的路径
          component: () => import('../components/page/baseTable/index.vue'),
          meta: {
            title: 'table表格封装'  //---这个就是上面的titile
          }
        },
        {
          path: '/baseForm/index',   //这里的路径就是你所建的页面在page下面的路径
          component: () => import('../components/page/baseForm/index.vue'),
          meta: {
            title: 'form表单封装'  //---这个就是上面的titile
          }
        },
        {
          path: '/baseButton/index',   //这里的路径就是你所建的页面在page下面的路径
          component: () => import('../components/page/baseButton/index.vue'),
          meta: {
            title: 'button按钮封装'  //---这个就是上面的titile
          }
        },
        {
          path: '/baseQueryForm/index',   //这里的路径就是你所建的页面在page下面的路径
          component: () => import('../components/page/baseQueryForm/index.vue'),
          meta: {
            title: '查询组件封装'  //---这个就是上面的titile
          }
        },
        {
          path: '/baseTree/index',   //这里的路径就是你所建的页面在page下面的路径
          component: () => import('../components/page/baseTree/index.vue'),
          meta: {
            title: 'el-tree组件'  //---这个就是上面的titile
          }
        },
        {
          path: '/mainBaseContent/el-table-excel/index',   //这里的路径就是你所建的页面在page下面的路径
          component: () => import('../components/page/mainBaseContent/el-table-excel/index.vue'),
          meta: {
            title: 'excel导出'  //---这个就是上面的titile
          }
        },


        {
          path: '/mainBaseContent/knowledgeTest/index',   //这里的路径就是你所建的页面在page下面的路径
          component: () => import('../components/page/mainBaseContent/knowledgeTest/index.vue'),
          meta: {
            title: '知识点测试'  //---这个就是上面的titile
          }
        },


        {
          path: '/mainBaseContent/date/index',   //这里的路径就是你所建的页面在page下面的路径
          component: () => import('../components/page/mainBaseContent/date/index.vue'),
          meta: {
            title: '日期使用'  //---这个就是上面的titile
          }
        },

        {
          path: '/mainBaseContent/openAndClose/index',   //这里的路径就是你所建的页面在page下面的路径
          component: () => import('../components/page/mainBaseContent/openAndClose/index.vue'),
          meta: {
            title: '展开与收缩'  //---这个就是上面的titile
          }
        },
    
        {
          path: '/mainBaseContent/el-checkboxdanxuan/index', 
          component: () => import('../components/page/mainBaseContent/el-checkboxdanxuan/index.vue'),
          meta: {
            title: '复选框单选与多选'  //---这个就是上面的titile
          }
        },

        {
          path: '/mainBaseContent/el-tree/index', 
          component: () => import('../components/page/mainBaseContent/el-tree/index.vue'),
          meta: {
            title: 'el-tree组件'  //---这个就是上面的titile
          }
        },


        {
          path: '/greenNet/index',   //这里的路径就是你所建的页面在page下面的路径
          component: () => import('../components/page/greenNet/index.vue'),
          meta: {
            title: '多列表合计'  //---这个就是上面的titile
          }
        },
        {
          path: '/mainBaseContent/notRuleList/index',   //这里的路径就是你所建的页面在page下面的路径
          component: () => import('../components/page/mainBaseContent/notRuleList/index.vue'),
          meta: {
            title: '不规则列表'  //---这个就是上面的titile
          }
        },
        {
          path: '/mainBaseContent/checkList/index',   //这里的路径就是你所建的页面在page下面的路径
          component: () => import('../components/page/mainBaseContent/checkList/index.vue'),
          meta: {
            title: '校验合集'  //---这个就是上面的titile
          }
        },
        {
          path: '/mainBaseContent/allDate/index',   //这里的路径就是你所建的页面在page下面的路径
          component: () => import('../components/page/mainBaseContent/allDate/index.vue'),
          meta: {
            title: '各种日期'  //---这个就是上面的titile
          }
        },
        {
          path: '/modeEcharts/histoGram/index',   //这里的路径就是你所建的页面在page下面的路径
          component: () => import('../components/page/modeEcharts/histoGram/index.vue'),
          meta: {
            title: '柱状图'  //---这个就是上面的titile
          }
        },
        {
          path: '/modeEcharts/lineBarCharts/index',   //这里的路径就是你所建的页面在page下面的路径
          component: () => import('../components/page/modeEcharts/lineBarCharts/index.vue'),
          meta: {
            title: '各种图'  //---这个就是上面的titile
          }
        },
        {
          path: '/modeEcharts/weather',   //这里的路径就是你所建的页面在page下面的路径
          component: () => import('../components/page/modeEcharts/weather.vue'),
          meta: {
            title: '天气图'  //---这个就是上面的titile
          }
        },
        {
          path: '/modeEcharts/jilinPage',   //这里的路径就是你所建的页面在page下面的路径
          component: () => import('../components/page/modeEcharts/jilinPage/index'),
          meta: {
            title: '吉林省'  //---这个就是上面的titile
          }
        },
        {
          path: '/modeEcharts/flowGraph',   //这里的路径就是你所建的页面在page下面的路径
          component: () => import('../components/page/modeEcharts/flowGraph/index'),
          meta: {
            title: '吉林省'  //---这个就是上面的titile
          }
        },
      ]
    },
    {
      path: '/login',
      component: () => import('../components/page/Login.vue')
    },

  ]
})
